import WeCropper from '../../we-cropper/we-cropper.js'

const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 50
const app = getApp()
Page({
     data: {
          cropperOpt: {
               id: 'cropper',
               width,
               height,
               scale: 2.5,
               zoom: 8,
               cut: {
                    x: (width - 300) / 2,
                    y: (height - 300) / 2,
                    width: 300,
                    height: 300
               }
          }
     },
 
     touchStart(e) {
          this.wecropper.touchStart(e)
     },
     touchMove(e) {
          this.wecropper.touchMove(e)
     },
     touchEnd(e) {
          this.wecropper.touchEnd(e)
     },
     getCropperImage() {
          let that = this;
          this.wecropper.getCropperImage((avatar) => {
               console.log(avatar);
               if (avatar) {
                    //上传图片到服务器
                    wx.uploadFile({
                         url: app.globalData.url + '/account/changeAvatar', //仅为示例，非真实的接口地址
                         filePath: avatar,
                         name: 'sendImg',
                         formData: {
                              'uid': that.data.userInfo.uid,
                              'openid': that.data.userInfo.openId
                         },
                         success: function (res) {
                              //var data = res.data
                              console.log(res);
                         },
                         complete: function (e) {
                              console.log(e);
                         }
                    })
                    app.login();
                    //  获取到裁剪后的图片
                    wx.reLaunch({
                         url: `userinfo`
                    })
               } else {
                    console.log('获取图片失败，请稍后重试')
               }
          })
     },
     uploadTap() {
          const self = this

          wx.chooseImage({
               count: 1, // 默认9
               sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
               sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
               success(res) {
                    const src = res.tempFilePaths[0]
                    //  获取裁剪图片资源后，给data添加src属性及其值

                    self.wecropper.pushOrign(src)
               }
          })
     },
     onLoad(option) {
          const { cropperOpt } = this.data
          let that = this;
          app.login(function(userInfo){
               that.setData({
                    userInfo:userInfo.data
               });
          });
          if (option.src) {
               cropperOpt.src = option.src
               new WeCropper(cropperOpt)
                    .on('ready', (ctx) => {
                         console.log(`wecropper is ready for work!`)
                    })
                    .on('beforeImageLoad', (ctx) => {
                         console.log(`before picture loaded, i can do something`)
                         console.log(`current canvas context:`, ctx)
                         wx.showToast({
                              title: '上传中',
                              icon: 'loading',
                              duration: 20000
                         })
                    })
                    .on('imageLoad', (ctx) => {
                         console.log(`picture loaded`)
                         console.log(`current canvas context:`, ctx)
                         wx.hideToast()
                    })
                    .on('beforeDraw', (ctx, instance) => {
                         console.log(`before canvas draw,i can do something`)
                         console.log(`current canvas context:`, ctx)
                    })
                    .updateCanvas()
          }
     }
})
